﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Areas/Admin/Views/Shared/AdminMaster.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
</br>

<div class="row-fluid">
    <div class="span3">
        <div class="widget green">
            <div class="widget-title">
                <h4><i class="icon-search"></i>&nbsp;Tìm kiếm</h4>
                <span class="tools"><a class="icon-chevron-down" href="javascript:;"></a></span>
            </div>
            <div class="widget-body">
                <div class="control-group">
                    <div class="alert alert-info"">
                        <i class="icon-dollar"></i><b>/</b><i class="icon-tumblr"></i>&nbsp;
                        <select id="month" class="input-medium m-wrap" tabindex="2">
                            <option value="1"> Tháng 1 </option>
                            <option value="2" selected="selected"> Tháng 2 </option>
                            <option value="3"> Tháng 3 </option>
                            <option value="4"> Tháng 4 </option>
                            <option value="5"> Tháng 5 </option>
                            <option value="6"> Tháng 6 </option>
                            <option value="7"> Tháng 7 </option>
                            <option value="8"> Tháng 8 </option>
                            <option value="9"> Tháng 9 </option>
                            <option value="10"> Tháng 10 </option>
                            <option value="11"> Tháng 11 </option>
                            <option value="12"> Tháng 12 </option>
                        </select>&nbsp;<b>/</b>
                        <input id ="year" class="input-mini" type="text" value='<%=DateTime.Now.ToString("yyyy") %>'/></input>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-user"></i>
                            <input class="span12" id="keyword" type="text" placeholder="Tên"></input>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <button class="btn btn-large btn-danger pull-right" type="button" onclick="javascript:searchingRequest(1);">Tìm</button>                   
                    <br /><br /><br />
                    <div class="alert alert-block alert-error fade in"></div>              
                </div>       
            </div>
        </div>
    </div>
    <div class="span9">
        <div class="widget blue span12">
            <div class="widget-title">
                <h4><i class="icon-reorder"></i>&nbsp;Kết quả tìm kiếm</h4>
            </div>   
            <div class="widget-body">    
                <div id="searchingResult">

                </div>
            </div>
        </div>
    </div>
</div>




<script type="text/javascript">
    function searchingRequest(page) {
        var keyword = document.getElementById("keyword").value;
        $.ajax(
            {
                type: "POST",
                url: "<%=ResolveUrl("~/")%>Admin/Salary/Search",
                data: { kw: keyword, p:page},
                success: function (result) {
                    $("#searchingResult").html(result.toString());
                },
                error: function (xhr, ajaxOptions, thrownError) {
                    thrownError;
                    $("#searchingResult").html("Không tìm thấy dữ liệu yêu cầu");
                }
            });
    }
</script>
</asp:Content>

